<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="Danijel Grabež">

    <title>Page Two — Sidebar Demo</title>

    <!-- Fonts -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,900">

    <!-- Styles -->
    <link rel="stylesheet" href="assets/css/style-defaults.css">
    <link rel="stylesheet" href="assets/css/demo-relevant.css">

    <!-- Modernizr -->
    <script src="assets/js/modernizr.min.js"></script>

  </head>
  <body>
    <div id="main" class="m-scene">
      <header class="page-header">
        <nav class="page-nav">
          <ul class="page-nav__list">
            <li class="page-nav__item"><a href="index.html" class="page-nav__link">First page</a></li>
            <li class="page-nav__item"><a href="javascript:;" class="page-nav__link is-active">Second page</a></li>
            <li class="page-nav__item"><a href="page-three.html" class="page-nav__link">Third page</a></li>
            <li class="page-nav__item"><a href="page-four.html" class="page-nav__link">Fourth page</a></li>
          </ul>
        </nav>
      </header>
      <!-- / page-header-->
      <div class="page-content scene-main scene-main--fadein">
        <h1>Second page.</h1><img src="http://placehold.it/2000x500/ccc/000?text=An+image" alt="">
        <h3>Section title</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi beatae voluptatem officia nam quod accusamus quaerat, quae necessitatibus hic provident quo magni, libero repudiandae tempora dolores at deserunt harum consequuntur.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus vel in obcaecati harum aperiam inventore, laboriosam non, ratione voluptate! Dolore cumque expedita consectetur saepe tenetur labore itaque distinctio! Provident tenetur rem maxime dolore delectus, earum quisquam excepturi nihil, neque voluptas, alias pariatur eum possimus in facilis. Dolor dignissimos accusantium accusamus eligendi tempore expedita mollitia corrupti, explicabo, blanditiis quia exercitationem cumque, facere. Possimus, consequuntur nostrum, laudantium voluptatibus reiciendis inventore. Recusandae sit molestiae repudiandae, quas nisi amet magni beatae fugiat explicabo quo omnis ducimus voluptatum provident consequatur expedita nihil quaerat nostrum porro, eveniet, temporibus soluta! Harum culpa voluptatum dolore corrupti, id ducimus.</p><img src="http://placehold.it/2000x500/ccc/000?text=An+image" alt="">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi beatae voluptatem officia nam quod accusamus quaerat, quae necessitatibus hic provident quo magni, libero repudiandae tempora dolores at deserunt harum consequuntur.</p>
      </div>
      <!-- / page-content-->
    </div>

    <!-- Scripts -->
    <script src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
    <script src="assets/js/jquery.smoothState.min.js"></script>
    <script src="assets/js/main.js"></script>
  </body>
</html>